<template>
  <view class="page-wrapper">
    <JeepayNavigation :navList="navList" type="grid" :space="10" :radiusSize="20" />
  </view>
</template>

<script setup>
import { reactive, ref } from 'vue'
const navList = [
  { title: '码牌', icon: '/pageDevice/static/devIconImg/icon-code.svg', pageUrl: 'PAGES_APP_CODE' },
  { title: '云喇叭', icon: '/pageDevice/static/devIconImg/icon-horn.svg', pageUrl: 'PAGES_APP_HORN' },
  { title: '云打印机', icon: '/pageDevice/static/devIconImg/icon-print.svg', pageUrl: 'PAGES_APP_PRINT' },
  { title: '扫码POS', icon: '/pageDevice/static/devIconImg/icon-scanPos.svg', pageUrl: 'PAGES_APP_SCANPOS' },
  { title: '智能POS', icon: '/pageDevice/static/devIconImg/icon-pos.svg', pageUrl: 'PAGES_APP_POS' },
  { title: '辅助终端', icon: '/pageDevice/static/devIconImg/icon-term.svg', pageUrl: 'PAGES_APP_TERMINAL' },
  { title: '刷脸设备', icon: '/pageDevice/static/devIconImg/icon-face-1.svg', pageUrl: 'PAGES_APP_FACE_LIST' },
  { title: '如意Lite', icon: '/pageDevice/static/detailsLislImg/icon-lite.svg', pageUrl: 'PAGES_LITE_LIST' },
]
</script>

<style lang="scss" scoped>
.page-wrapper{
  padding: .1rpx;
  min-height: 100vh;
}
</style>
